<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>竞品数据管理</title>
<%
	String sid = request.getParameter("secondMenuId");
	request.getSession().setAttribute("secondMenuId", sid);
%>
<%@include file="/jsp/include/common.jsp"%>
</head>
<body class="easyui-layout">
	<%@include file="/jsp/include/commonLayout.jsp"%>
	<div data-options="region:'center'">
		<div>
			<!-- 数据表格  -->
			<table id="dataGrid"></table>
			<!-- 添加车辆的弹出窗口 begin -->
			<div id="saveOrEditDlg" class="easyui-dialog" style="width: 600px; height: 450px; padding: 10px 10px" closed="true" buttons="#dlg-buttons" data-options="modal:true">
				<form id="saveOrEditForm" method="post">
					<table>
						<div>
							<p></p>
							<div>
								<table id="dataGrid1"></table>
								<input type="checkbox" onclick="show1()"> <span>基于模板创建</span>
							</div>
						</div>
					</table>
				</form>
			</div>
			<div id="dlg-buttons">
				<a class="easyui-linkbutton" iconCls="icon-ok" onclick="saveUser()">保存</a>
			    <a class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#saveOrEditDlg').dialog('close')">取消</a>
			</div>
			<!-- 添加车辆的弹出窗口 end -->
			<div id="saveOrEditDlgw" class="easyui-dialog" 	style="width: 400px; height: 350px; padding: 10px 10px" closed="true" buttons="#dlg-buttonsss" data-options="modal:true,hide:true">
				<form id="saveOrEditForm" method="post">
					<table>
						<div>
						  <div>
							<div >
								<tr>
									<td>*编号</td>
									<td><input name="price1" value="" class="easyui-textbox" ></td>
									<td>*品牌</td>
									<td><input id="2014userid1" value=""name="userid" class="easyui-textbox"  ></td>
									
								</tr>	
								<tr>
									<td>*车型</td>
									<td><input id="email1" name="email" value="" class="easyui-textbox" ></td>
									<td>*编号</td>
									<td><input id="email1" name="email" value="" class="easyui-textbox" ></td>
								</tr>
								<tr>
									<td>*排量</td>
									<td><input name="odesc1" value="" class="easyui-textbox" ></td>
									<td>*类型</td>
									<td><input name="odesc1" value="" class="easyui-textbox" ></td>
									
								</tr>
								<br><br>
							</div>
						  </div>
							<p></p>
						</div>
					</table>
				</form>
			</div>
			<div id="dlg-buttonsss">
				<a class="easyui-linkbutton" iconCls="icon-ok" onclick="saveUser()">保存</a> 
				<a class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#saveOrEditDlgw').dialog('close')">取消</a>
			</div>
		</div>
	</div>
</body>
<script type="text/javascript">
	$(document).ready(function() {
		
		
		$('#mouldTree').combotree({    
			  url: getRootPath()+ '/template/json/treeDemoTmp.json',
			  checkbox : true,
			  required: true,
			  width: 300
		});
		// 添加验证(远程验证)
		$("#userid").textbox({
			required : true,	//定义为必填字段
			validType : 'remote["'+getRootPath()+'/UserinfoController/findUserById.do","userid"]',	//定义字段验证类型
			invalidMessage : '车辆名已存在',	//当文本框的内容被验证为无效时出现的提示
			delay : 1000	//延迟到最后验证输入值
		});
		$("#email").textbox({
			required : true,
			validType : "email"
		});
		var dataGrid1 = $('#dataGrid1').datagrid({
			rownumbers : true,	//如果为true，则显示一个行号列
			fitColumns : true,	//真正的自动展开/收缩列的大小，以适应网格的宽度，防止水平滚动
			collapsible : true,	//定义是否显示可折叠按钮
			title : '市场信息表',	//在面板头部显示的标题文本
			pagination : true,	//如果为true，则在DataGrid控件底部显示分页工具栏
			pagePosition : 'bottom',	//定义分页工具栏的位置
			method : 'post', //该方法类型请求远程数据
			url :getRootPath()+ '/template/json/car_dataadd.json',	//一个URL从远程站点请求数据
			singleSelect : true,//只能选一行
			striped : true, //数据条纹显示
			frozenColumns : [ [ {//不可被删除的列
				field : 'ck',	//列字段名称
				checkbox : true	//如果为true，则显示复选框
			} ] ],
			columns : [ [ {
				field : 'userid1',
				title : '编号',
				width : 200,
				sortable : true	//如果为true，则允许列使用排序
			},{
				field : 'userid',
				title : '品牌',
				width : 200,
				sortable : true	//如果为true，则允许列使用排序
			}, {
				field : 'email',
				title : '车型',
				width : 200,
				color :'red'
			}, {
				field : 'phone',
				title : '排量',
				width : 200
			}, {
				field : 'odesc',
				title : '年代',
				width : 200
			}, {
				field : 'price',
				title : '价格',
				width : 200
			}, {
				field : 'oid',
				title : '状态',
				/* hidden : true */
			} ] ],
			sortName : 'userid',	//定义哪些列可以进行排序
			toolbar : [
			{	//顶部工具栏的DataGrid面板
				text : '同步外部数据',
				iconCls : 'icon-undo',
				handler : function(){
					
				}
			},
			 ],
		remoteFilter : true,	//设置为true时，启用远程过滤
		filterDelay : 1000,		//延迟过滤 'text' 过滤器组件中最后一次键盘输入事件
		filterStringify : function(data) {	//字符串化过滤器规则的函数
			return JSON.stringify(data);
		} 
		});
		dataGrid1.datagrid('enableFilter');
		// 初始化表格
		var dataGrid = $('#dataGrid').datagrid({
			rownumbers : true,	//如果为true，则显示一个行号列
			fitColumns : true,	//真正的自动展开/收缩列的大小，以适应网格的宽度，防止水平滚动
			collapsible : true,	//定义是否显示可折叠按钮
			title : '竞品车信息管理',	//在面板头部显示的标题文本
			pagination : true,	//如果为true，则在DataGrid控件底部显示分页工具栏
			pagePosition : 'bottom',	//定义分页工具栏的位置
			method : 'post', //该方法类型请求远程数据
			url :getRootPath()+ '/template/json/car_data.json',	//一个URL从远程站点请求数据
			singleSelect : false,//只能选一行
			striped : true, //数据条纹显示
			frozenColumns : [ [ {//不可被删除的列
				field : 'ck',	//列字段名称
				checkbox : true	//如果为true，则显示复选框
			} ] ],
			columns : [ [ {
				field : 'userid1',
				title : '编号',
				width : 200,
				sortable : true	//如果为true，则允许列使用排序
			},{
				field : 'userid',
				title : '品牌',
				width : 200,
				sortable : true	//如果为true，则允许列使用排序
			}, {
				field : 'email',
				title : '车型',
				width : 200,
				color :'red'
			}, {
				field : 'phone',
				title : '排量',
				width : 200
			}, {
				field : 'odesc',
				title : '年代',
				width : 200
			}, {
				field : 'price',
				title : '价格',
				width : 200
			}, {
				field : 'oid',
				title : '状态',
				/* hidden : true */
			} ] ],
			onClickCell : function(){
				window.location.href=getRootPath()+'/template/dataManage/car/detail.jsp'; 
			
		},
			sortName : 'userid',	//定义哪些列可以进行排序
			toolbar : [{	//顶部工具栏的DataGrid面板
				text : '创建',
				iconCls : 'icon-add',
				handler : function(){
					$('#saveOrEditDlg').dialog('open').dialog('setTitle', '创建车辆');
					$('#saveOrEditForm').form('clear');
				}
			},
			 {
				text : '删除',
				iconCls : 'icon-remove',
				handler : function(){
					var rows = $('#dataGrid').datagrid('getSelections');
					if (rows.length == 0) {
						$.messager.alert('提示', '请选择删除项', 'info');
						return;
					}

					var oids = [];
					for (var i = 0; i < rows.length; i++) {
						oids.push(rows[i].oid);
					}

					oids = oids.join('-');

					$.messager.confirm('确认', '确定要删除选中项?', function(r) {
						if (r) {
							$.post(getRootPath() + '/UserinfoController/removeUser.do', {
								'oids' : oids
							}, function(result) {
								//result = $.parseJSON(result);
								if (result.successful) {
									$('#dataGrid').datagrid('reload'); // reload the user data
								} 
								$.messager.show(result);
							}, 'json');
						}
					});
				}
			},
			{	//顶部工具栏的DataGrid面板
				text : '发布',
				iconCls : 'icon-redo',
				handler : function(){
					
				}
			}],
		remoteFilter : true,	//设置为true时，启用远程过滤
		filterDelay : 1000,		//延迟过滤 'text' 过滤器组件中最后一次键盘输入事件
		filterStringify : function(data) {	//字符串化过滤器规则的函数
			return JSON.stringify(data);
		} 
		});

		dataGrid.datagrid('enableFilter');
	});
	
	function show1() {
		$('#saveOrEditDlg').dialog('close').dialog('setTitle', '创建车辆');
		$('#saveOrEditDlgw').dialog('open').dialog('setTitle', '创建车辆');
	}

	// 保存车辆
	function saveUser() {
		window.location.href=getRootPath()+'/template/dataManage/car/detail.jsp'; 
	}
</script>
</html>
